@charset "UTF-8";
/* CSS Document */
/* 	
	BASE.css (global styles)	
	• General
	• Print
*/

/* General 
-----------------------------------------------------------------------------------------------*/
@import url("reset.css"); /* Boilerplate https://github.com/thatcoolguy/gridless-boilerplate */
@import url("db-slides.css"); /* For docbook slides, only couple of KB */

html { 
  height: 100%;
}

body {
	padding-top: 2em;
	background: white url('../images/background.jpg') repeat;
}
	
.f { 
  float: left; 
}

.center { 
  width: 100%; 
  text-align: center; 
}

/*button*/
a.btn:link, a.btn:active, a.btn:visited, a.btn:hover { 
	display: block; 
	background-position: left top !important; 
	text-indent: -4000px;
	overflow: hidden;
}

a.btn:hover { 
	background-position: left bottom !important; 
}

a.btn:active {
	position: relative;
	top: 1px;
}

ul li {
  list-style-type: none;
}

ul li.listitem{
  list-style-type: disc;
}

.clear_left{
  clear: left;
}

.clear_all{
  clear: both;
}

.clear_right{
  clear: right;
}

.align_left{
  text-align: left;
}

.align_center{
  text-align: center;
}

.align_right{
  text-align: right;    
}

.valign_top{
  vertical-align: top;
}

.valign_bottom{
  vertical-align: bottom;
}

.valign_middle{
  vertical-align: middle;
}
 
/* LOGA pro zmenu pozice obrazku loga odkomentuje dany text nize  
-----------------------------------------------------------------------------------------------*/
/* umisteni vertikalniho loga vlevo, pozice je fixni to znamena, ze zustane na svem miste i pri scrolovani */
/*
.body-main-area {margin: 0 0 0 150px;}
.logotypes {position: fixed; _position: absolute; top: 5%; left: 0; width: 150px; padding: 0 0 0 0; margin: 0 0 0 0;}
*/


/* umisteni vertikalniho loga vpravo, pozice je fixni to znamena, ze zustane na svem miste i pri scrolovani */
/*
.body-main-area {margin: 0 150px 0 0;}
.logotypes {position: fixed; _position: absolute; top: 5%; right: 0; width: 150px; padding: 0 0 0 0; margin: 0 0 0 0;}
*/


/* umisteni vertikalniho loga vpravo, pozice je absolutni to znamena, ze se zobrazi jen jednou nahore */
/*
.body-main-area {margin: 0 150px 0 0;}
.logotypes {position: absolute; top: 5%; right: 0; width: 150px; padding: 0 0 0 0; margin: 0 0 0 0;}
*/


/* umisteni vertikalniho loga vlevo, pozice je absolutni to znamena, ze se zobrazi jen jednou nahore */
/*
.body-main-area {margin: 0 0 0 150px;}
.logotypes {position: absolute; top: 5%; left: 0; width: 150px; padding: 0 0 0 0; margin: 0 0 0 0;}
*/


/* umisteni horizontalniho loga vlevo nahore, pozice je absolutni to znamena, ze se zobrazi jen jednou */
/*
.body-main-area {margin: 150px 0 0 0;}
.logotypes {position: absolute; height: 150px; left:0; top: 10px; padding: 0 0 0 0; margin: 0 0 0 0;}
*/


/* umisteni horizontalniho loga zaraz s textem nahore, pozice je absolutni to znamena, ze se zobrazi jen jednou */
/*
.body-main-area {margin: 150px 0 0 0;}
.logotypes {position: absolute; height: 150px; top: 10px; padding: 0 0 0 0; margin: 0 0 0 0;}
*/


/* umisteni horizontalniho loga vpravo nahore, pozice je absolutni to znamena, ze se zobrazi jen jednou */
/*
.body-main-area {margin: 150px 0 0 0;}
.logotypes {position: absolute; height: 150px; right:0; top: 10px; padding: 0 0 0 0; margin: 0 0 0 0;}
*/


/* umisteni horizontalniho loga na stred nahore, pozice je absolutni to znamena, ze se zobrazi jen jednou */
/*
.body-main-area {margin: 150px 0 0 0;}
.logotypes {position: absolute; height: 150px; text-align:center; width:92%; top: 10px; padding: 0 0 0 0; margin: 0 0 0 0;}
*/


/* umisteni horizontalniho loga vlevo nahore, pozice je fixni to znamena, ze zustane na svem miste i pri scrolovani */
/*
.body-main-area {margin: 150px 0 0 0;}
.logotypes {position: fixed; height: 150px; left:0; top: 0; padding: 0 0 0 0; margin: 0 0 0 0;}
*/


/* umisteni horizontalniho loga zaraz s textem nahore, pozice je fixni to znamena, ze zustane na svem miste i pri scrolovani */
/*
.body-main-area {margin: 150px 0 0 0;}
.logotypes {position: fixed; height: 150px; top: 0; padding: 0 0 0 0; margin: 0 0 0 0;}
*/


/* umisteni horizontalniho loga vpravo nahore, pozice je fixni to znamena, ze zustane na svem miste i pri scrolovani */
/*
.body-main-area {margin: 150px 0 0 0;}
.logotypes {position: fixed; height: 150px; right:0; top: 0; padding: 0 0 0 0; margin: 0 0 0 0;}
*/


/* umisteni horizontalniho loga na stred nahore, pozice je fixni to znamena, ze zustane na svem miste i pri scrolovani */
/*
.body-main-area {margin: 150px 0 0 0;}
.logotypes {position: fixed; height: 150px; text-align:center; width:92%; top: 0; padding: 0 0 0 0; margin: 0 0 0 0;}
*/


/* umisteni horizontalniho loga vlevo dole, pozice je absolutni to znamena, ze se zobrazi jen jednou */
/*
.logotypes {position: absolute; height: 150px; left:0; padding: 0 0 0 0; margin: 0 0 0 0;}
*/


/* umisteni horizontalniho loga zaraz s textem dole, pozice je absolutni to znamena, ze se zobrazi jen jednou */
/*
.logotypes {position: absolute; height: 150px; padding: 0 0 0 0; margin: 0 0 0 0;}
*/


/* umisteni horizontalniho loga vpravo dole, pozice je absolutni to znamena, ze se zobrazi jen jednou */
/*
.logotypes {position: absolute; height: 150px; right:0; padding: 0 0 0 0; margin: 0 0 0 0;}
*/


/* umisteni horizontalniho loga na stred dole, pozice je absolutni to znamena, ze se zobrazi jen jednou */
/*
.logotypes {position: absolute; height: 150px; text-align:center; width:92%; padding: 0 0 0 0; margin: 0 0 0 0;}
*/


/* umisteni horizontalniho loga vlevo dole, pozice je fixni to znamena, ze zustane na svem miste i pri scrolovani */
/*
.body-main-area {margin: 0 0 170px 0;}
.logotypes {position: fixed; height: 150px; left:0; bottom: 0; padding: 0 0 0 0; margin: 0 0 0 0;}
*/


/* umisteni horizontalniho loga zaraz s textem dole, pozice je fixni to znamena, ze zustane na svem miste i pri scrolovani */
/*
.body-main-area {margin: 0 0 170px 0;}
.logotypes {position: fixed; height: 150px; bottom: 0; padding: 0 0 0 0; margin: 0 0 0 0;}
*/


/* umisteni horizontalniho loga vpravo dole, pozice je fixni to znamena, ze zustane na svem miste i pri scrolovani */
/*
.body-main-area {margin: 0 0 170px 0;}
.logotypes {position: fixed; height: 150px; right:0; bottom: 0; padding: 0 0 0 0; margin: 0 0 0 0;}
*/


/* umisteni horizontalniho loga na stred dole, pozice je fixni to znamena, ze zustane na svem miste i pri scrolovani */
/*
.body-main-area {margin: 0 0 170px 0;}
.logotypes {position: fixed; height: 150px; text-align:center; width:92%; bottom: 0; padding: 0 0 0 0; margin: 0 0 0 0;}
*/